<template>
  <view class="c-falls-item" :style="{ 'grid-gap': gridGaps }">
    <slot></slot>
  </view>
</template>
<script>
export default {
  name: "c-falls-item",
};
</script>
<script setup lang="ts">
import { defineProps, computed, getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance() as any;

const props = defineProps({
  gridGap: {
    type: [String, Number],
    default: "",
  },
});

const gridGaps = computed(() => {
  return proxy.$rpxunit(props.gridGap);
});
</script>

<style lang="scss" scoped>
.c-falls-item {
  width: 100%;
  // display: inline-flex;
  // flex-flow: column wrap;
  display: grid;
  grid-template-columns: 1fr;
}
</style>